quocbao buinguyen
Công khai
0/140
30.0 giây
Hãy tiếp tục tạo đoạn video sau khi quảng cáo kết thúc
Không thể tạo đoạn video khi quảng cáo đang phát
ReactJS là gì? Tại sao nên học ReactJS?
F8 Official
2,7 N Lượt thích
245.479 Lượt xem
2021 15 thg 9
👉 Link đặt mua áo Polo F8: https://forms.gle/rff9K64GsSiANRzj6 ReactJS là gì? Tại sao chúng ta chọn học React? Đó là 2 câu hỏi về React thường được các bạn quan tâm, mình sẽ giải đáp trong video này và trong khóa học ReactJS này nhé. --- Bạn muốn học lập trình hiệu quả hơn không? Hãy học tại trang web http://fullstack.edu.vn thay vì Youtube. Lý do tại sao mời bạn bấm vào đây: https://www.youtube.com/watch?v=f5hbm... #hoclaptrinh #javascript #html_css #nodejs #restful_api #backend #devops --------------------------------------- ☻ Phần mềm sử dụng trong video: Công cụ dịch Tiếng Anh: http://bit.ly/2Wsuhet Công cụ đo đạc giao diện web: http://bit.ly/3muevdD Công cụ viết CV xin việc chuyên nghiệp: https://mycv.vn ☻ Tiện ích cho Visual Studio Code: Gợi ý code: Tabnine Autocomplete AI (http://bit.ly/34rl0Yr) Tự động đóng thẻ: Auto Close Tag (http://bit.ly/3mwoJue) Tự động đổi tên thẻ đóng/mở: Auto Rename Tag (http://bit.ly/3nB0ADS) Thêm màu sắc cho các cặp ngoặc: Bracket Pair Colorizer (http://bit.ly/37wgXfC) Icon theme: Material Icon Theme (http://bit.ly/37ukU4b) Hiển thị thông tin Git (commit, author, ...): Gitlens (http://bit.ly/3gYlaf9) ☻ Khóa học lập trình web MIỄN PHÍ: Kiến thức nhập môn: https://fullstack.edu.vn/courses/less... Xây dựng giao diện với HTML, CSS: https://fullstack.edu.vn/courses/html... Xây dựng web responsive: https://fullstack.edu.vn/courses/resp... Lập trình Javascript cơ bản: https://fullstack.edu.vn/courses/java... Lập trình Javascript nâng cao: https://fullstack.edu.vn/courses/java... Xây dựng web với Node & Express: https://fullstack.edu.vn/courses/nodejs HTML, CSS tips: https://fullstack.edu.vn/courses/html... Ứng dụng cảnh báo khi sờ lên mặt: https://fullstack.edu.vn/courses/tool... Xem thêm tại: https://fullstack.edu.vn/courses ☻ Chú ý : - Không văng tục chửi bậy, bình luận có văn hóa. - Không hỏi khi chưa xem xong video. Sai phạm sẽ được mời khỏi kênh. ☻ F8 là nơi học lập trình để đi làm! Tại sao bạn nên học lập trình tại đây? Ở đây chúng tôi có: - Nội dung bài học chỉn chu và chi tiết giúp học viên hiểu từ cái gốc - Kỹ năng sư phạm khác biệt từ người dạy giúp học viên có thêm nhiều động lực - Hình ảnh và âm thanh chất lượng cao giúp học viên thêm hứng thú 🍺 Buy me a beer https://www.buymeacoffee.com/f8official F8 Official (c) Sơn Đặng Website: https://fullstack.edu.vn Facebook cá nhân: https://facebook.com/sondnmc Nhóm Học Lập Trình Web: https://www.facebook.com/groups/f8off... Email: sondnf8@gmail.com © Bản quyền thuộc về Channel F8 Official ☞ Do not Reup © Nghiêm cấm sử dụng video nhằm mục đích thương mại dưới mọi hình thức.

ReactJS 2022

ReactJS là gì? Tại sao nên học ReactJS?

F8 Official
2

SPA/MPA là gì?

F8 Official
3

Arrow function trong Javascript ES6

F8 Official
4

Module trong javascript ES6

F8 Official
5

Enhanced object literals trong javascript ES6

F8 Official
6

Spread trong javascript ES6

F8 Official
7

Destructuring trong javascript ES6

F8 Official
8

document.createElement() để làm gì?

F8 Official
9

Video bổ sung: Lưu ý! React đã có version 18

F8 Official
10

Thêm React vào Website? Github, NPMJS, UNPKG là gì?

F8 Official
11

React.createElement() nữa là sao?

F8 Official
12

React-DOM là gì? Tại sao cần React-DOM?

F8 Official
13

Video bổ sung: Sử dụng ReactDOM Version 18

F8 Official
14

JSX là gì? Tại sao cần JSX?

F8 Official
15

JSX render Arrays | JSX FQA

F8 Official
16

React element types | React components

F8 Official
17

Props là gì? Dùng props khi nào?

F8 Official
18

DOM events? Làm việc với JSX #1

F8 Official
19

Tạo Components linh hoạt? Làm việc với JSX #2

F8 Official
20

Children props & Render props? Làm việc với JSX #3

F8 Official
21

NodeJS là gì? Tại sao phải sử dụng NodeJS trong khóa ReactJS?

F8 Official
22

Video bổ sung: Cài đúng React & ReactDOM 17 ở bài sau

F8 Official
23

Tạo dự án với React + Webpack

F8 Official
24

Nâng cấp React & ReactDOM từ 17 lên 18

F8 Official
25

Create React App

F8 Official
26

NPM, NPX và YARN là gì?

F8 Official
27

CRA Folder Structure

F8 Official
28

Hooks là gì? Giới thiệu React Hooks

F8 Official
29

useState trong React hook | React hook 2021

F8 Official
30

Two-way binding | React hooks 2021

F8 Official
31

Todolist with useState() | React hooks 2021

F8 Official
32

Mounted & Unmounted?

F8 Official
33

React useEffect hook chi tiết cho người mới

F8 Official
34

useEffect with dependencies | React hooks 2021

F8 Official
35

useEffect() with DOM events

F8 Official
36

useEffect() with timer functions

F8 Official
37

useEffect() with preview avatar

F8 Official
38

useEffect() with fake Chat App

F8 Official
39

useLayoutEffect() hook? | React hooks 2021

F8 Official
40

useRef() hook

F8 Official
41

React.memo() HOC

F8 Official
42

useCallback() hook

F8 Official
43

useMemo() hook

F8 Official
44

useReducer() hook

F8 Official
45

Todo App with useReducer() hook

F8 Official
46

useReducer() recap | React hooks 2021

F8 Official
47

React Context & useContext() hook

F8 Official
48

Global State with Context + useReducer

F8 Official
49

useImperativeHandle() hook

F8 Official
50

Sử dụng CSS trong dự án ReactJS

F8 Official
51

CSS module là gì? Dùng NTN?

F8 Official
52

Thư viện clsx và classnames?

F8 Official
53

Install SASS để dùng SCSS?

F8 Official
54

React Router V6 | Định tuyến trong ReactJS

F8 Official
55

Giới thiệu dự án Tiktok Clone | Thực hành khóa ReactJS tại F8

F8 Official
56

Tạo dự án Tiktok và đẩy lên Github | Thực hành ReactJS tại F8

F8 Official
57

Cài đặt customize-cra để tuỳ chỉnh cấu hình Webpack | Thực hành ReactJS với dự án Tiktok

F8 Official
58

Cài đặt babel plugin module resolver | Thực hành dự án Tiktok với ReactJS

F8 Official
59

Cài đặt và cấu hình Prettier trên VS Code

F8 Official
60

Cấu hình sử dụng CSS, SASS | Thực hành dự án Tiktok Clone tại F8

F8 Official
61

Cấu hình Router và xây dựng cơ chế tải Layout cho dự án Tiktok tại F8

F8 Official
62

Dựng khung DefaultLayout dự án Tiktok | Thực hành ReactJS tại F8

F8 Official
63

Xây Dựng UI Phần Header Dự Án Tiktok #1 | Thực Hành ReactJS Tại F8

F8 Official
64

Xây Dựng UI Phần Header Dự Án Tiktok #2 | Thực Hành ReactJS Tại F8

F8 Official
65

Xây Dựng UI Phần Header Dự Án Tiktok #3 | Thực Hành ReactJS Tại F8

F8 Official
66

Xây Dựng UI Phần Header Dự Án Tiktok #4 | Thực Hành ReactJS Tại F8

F8 Official
67

Xây Dựng UI Phần Header Dự Án Tiktok #5 | Thực Hành ReactJS Tại F8

F8 Official
68

Xây Dựng UI Phần Header Dự Án Tiktok #6 | Thực Hành ReactJS Tại F8

F8 Official
69

Xây Dựng UI Phần Header Dự Án Tiktok #7 | Thực Hành ReactJS Tại F8

F8 Official
70

Xây Dựng Logic Phần Header Dự Án Tiktok #1 | Thực Hành ReactJS Tại F8

F8 Official
71

Xây Dựng Logic Phần Header Dự Án Tiktok #2 | Thực Hành ReactJS Tại F8

F8 Official
72

Xây Dựng Logic Phần Header Dự Án Tiktok #3 | Thực Hành ReactJS Tại F8

F8 Official
73

Tìm Hiểu Và Sử Dụng Thư Viện Axios Trong Dự Án ReactJS

F8 Official
74

Sửa Lỗi Và Hoàn Thiện Phần Header #1

F8 Official
75

Sửa Lỗi Và Hoàn Thiện Phần Header #2

F8 Official
76

Tái Cấu Trúc Và Tối Ưu Code #1

F8 Official
77

Tìm Hiểu Thư Viện PropTypes Trong React

F8 Official
78

Áp Dụng PropTypes Vào Dự Án Tiktok

F8 Official
79

Khắc Phục Vấn Đề Nhiều File Index.js

F8 Official
80

Tối Ưu Header Dự Án Tiktok phần cuối #final

F8 Official
81

Xây Dựng UI Phần Sidebar #1

F8 Official
82

Xây dựng UI phần sidebar #2

F8 Official
83

Xây dựng UI phần sidebar #3

F8 Official